<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>carousel</title>
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="./css/bs-slide.css" />
    <script src="js/bootstrap.js"></script>
  </head>

  <body>
    <div id="cs" class="ty-container carousel" data-bs-ride="carousel" >
        <div class="carousel-inner">
            <div class="carousel-item ">
                <div class="ty-pic1"></div>
            </div>
            <div class="carousel-item active">
                <div class="ty-pic2"></div>
            </div>
            <div class="carousel-item">
                <div class="ty-pic3"></div>
            </div>
        </div>
        <div class="carousel-indicators">
            <button data-bs-target="#cs" data-bs-slide-to="0"></button>
            <button data-bs-target="#cs" data-bs-slide-to="1" 
            class="active"></button>
            <button data-bs-target="#cs" data-bs-slide-to="2"></button>
        </div>
    </div>
  </body>
</html>
